<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">

<link rel="stylesheet" type="text/css" media="screen" href="css/smoothness/jquery-ui-1.9.0.custom.css" />	<!-- jqueryUI CSS -->
<link rel="stylesheet" type="text/css" media="screen" href="css/ui.jqgrid.css" />							<!-- jqGrid CSS -->
<link rel="stylesheet" type="text/css" media="screen" href="css/selfTemplate.css" />						<!-- 本專案自行定義 CSS -->

<script src="js/jquery-1.8.0.min.js" type="text/javascript"></script>										<!-- jQuery 核心 -->
<script src="js/grid.locale-tw.js" type="text/javascript"></script>											<!-- jqGrid 語系檔 -->
<script src="js/jquery.jqGrid.min.js" type="text/javascript"></script>										<!-- jqGrid 核心 -->
<script src="js/jquery-ui-1.9.0.custom.min.js" type="text/javascript"></script>							<!-- jqueryUI 核心 -->
<script src="js/widgets.js" type="text/javascript"></script>							<!-- jqueryUI 核心 -->

<title>維護Squad所包含的主機</title>

<script type="text/javascript">

$(document).ready(function() {
	$("#grid1").jqGrid({
		url:'QueryHost',
		datatype: "json",
	   	colNames:["選擇","主機IP", "主機名稱","PORT","系統","子系統"],
	   	postData: {
			getDataType: function() { return "mapping"; },
		},
	   	colModel:[
			{name:'my_checkbox',index:'my_checkbox', edittype:"checkbox",
			formatter: "checkbox", formatoptions: {disabled:false} },
	   		{name:"hostIP",index:"hostIP", edittype:"text"},
	   		{name:"hostName",index:"hostName"},
	   		{name:"port",index:"port"},
	   		{name:"bss",index:"bss"},
	   		{name:"subSys",index:"subSys"}
	   	],
	   	width:460,
	   	rowNum:4,
	   	pager: "#pager",
		multiselect: false,
		rownumbers: true,
	   	viewrecords: true,	
		caption: "維護主機"
	});
	jQuery("#grid1").jqGrid("navGrid","#pager",{add:false,edit:false,del:false});
	 
});
</script>

</head>
<body>
	<div id="funcDisplay">
		維護Squad所包含的主機
	</div>
	<form id="q_form">
		<input type="hidden" id="getDataType" name="getDataType" />
		<input type="hidden" id="bssId" name="bssId" />
		<input type="hidden" id="subSysId" name="subSysId" />
		<input type="hidden" id="envId" name="envId" />
		
		<!-- 用來進行 Update時使用 -->
		<input type="hidden" id="oriHostIP" name="oriHostIP" />
		<input type="hidden" id="oriBssId" name="oriBssId" />
		<input type="hidden" id="oriSubSysId" name="oriSubSysId" />
		<input type="hidden" id="oriPort" name="oriPort" />
		<input type="hidden" id="hostName" name="hostName" />
		
	</form>
	<input type="hidden" id="isBssSysFirstSelected" isBssSysFirstSelected=true />	<!-- 判定系統的下拉選擇，是否被按過 -->
	
	<br/>
	
<table>
<tr>
<th class="right"><label for="bss">系統：</label></th>
<td><select id="bss">
<option>MBMS</option>
<option>--請選擇--</option>
</select></td>
</tr>
<tr>
<th class="right"><label for="subsys">子系統：</label></th>
<td>
	<select id="subsys">
		<option>--請選擇--</option>
		<option>風險查核 (BAS)</option>
		<option>出帳 (BL)</option>
		<option>供裝 (MD)</option>
		<option>訂單 (OR)</option>
		<option>呼叫器 (Pager)</option>
		<option>資源管理 (RA)</option>
	</select>
</td>
</tr>
<tr>
<th class="right"><label for="env">環境：</label></th>
<td>
	<select id="env">
		<option>--請選擇--</option>
		<option>SD (SD)</option>
		<option>QA (QA)</option>
	</select>
</td>
</tr>
<tr>
<th class="right"><label for="squad">部署小組：</label></th>
<td>
	<select id="squad">
		<option>--請選擇--</option>
		<option>及時出帳 (INSTANT)</option>
		<option>週期出帳 (CYCLE)</option>
		<option>報表 (REPORT)</option>
	</select>
	</td>
</tr>
</table>

<p>
<hr/>
<p>
<table id="grid1"></table>
<div id="pager"></div>


</body>
</html>